import { styled, Button } from '@mui/material'
const ButtonStyled = styled((props) => <Button {...props} />)(({ theme, variant, color }) => {
  const isDark = !!(theme.palette.mode === 'dark')
  return {
    // backgroundColor: variant === 'contained' ? (isDark ? '#424e54' : '#007bc1') : '',
    color: color ? '' : variant !== 'contained' && !isDark ? '#007bc1' : '#fff',
    // borderColor: variant === 'outlined' ? (isDark ? '#424e54' : '#007bc1') : '',
    '&.MuiButton-outlined': {
      borderColor: isDark ? '#424e54' : '#007bc1'
    }
  }
})

export default ButtonStyled